<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="${ctx}/res/js/groupManagement/addUserPopup.js"></script>
</head>
<body>
	<center>
		<table>
			<tr>
				<!-- 查询条件 区域 -->
				<td>
					<div class="list_query">
						<form action="/groupManagement/queryUsersNotInGroup.do" method="post" id="queryUserForm"> 
							 <label>
								<span>USERNAME/CN_NAME</span>
								<input type="text" id="userNameCondition" name="userNameCondition" value="" placeholder="请输入USERNAME/CN_NAME" style="margin-top:10px"
								 maxlength="50"/>
							</label > 
						    <label hidden>
								<span>CN_NAME</span>
								<input type="text" id="cnNameCondition" name="cnNameCondition" value="" placeholder="请输入CN_NAME" style="margin-top:10px"
								 maxlength="50"/>
							</label> 
						</form>
					</div>
				</td>
			</tr>


			<!-- 按钮操作区域 -->
			<tr>
				<td>
					<div class="list_toolbar">
						<div class="toolButton" onclick="queryData()">查询</div> 		
					</div>
				</td>
			</tr>

			<!-- 表头区域-->
			<tr>
				<td>
					<table class="list_grid">
						<thead>
							<tr>
								<th>USERNAME</th>
								<th>DEPT_NAME</th>
								<th>CN_NAME</th>
								<th>EMP_CODE</th>
								<th>CREATE_USER</th>
								<th>CREATE_TIME</th>
								<th style="width: 1px;"></th>
							</tr>
						</thead>
					</table>
				</td>
			</tr>
			
			<!-- 列表数据区域 -->
			<tr>
				<td>
					<div class="list_scrollControlDiv" style="height:300px;">
						<table class="list_grid" style="border-spacing: 0;">
							<tbody id="tBodyList">
							</tbody>
						</table>
					</div>
				</td>
			</tr>
			
			<!-- 分页控件区域 -->
			<tr>
				<td>
					<div id="pagination" class="pagination"></div>
				</td>
			</tr> 
			</table>
			</center>
			
			
			<!-- 已选择区域 --> 
			 <table style="tablealign:left;">
				<tr>
			     	<td>
					   <div id="btnSubmit" class="toolButton">选择</div>
					</td>  
				    <td rowspan =2>
					   <div id="selected" class="selected" ></div> 
					</td> 
				</tr>	
				<tr>
					<td>
					   <div id="btnDelete" class="toolButton" onclick="cancel()">取消</div> 
					</td> 
				</tr>	
			 </table> 
</body>
</html>